<ui:composition template="/resources/Plantillas/normal.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:fnc="http://yournamespace.com/fnc">

    <ui:define name="titulo">
        <h:outputText value="DETALLE TRÁMITE"/>
    </ui:define>

    <ui:define name="content">
        <h:panelGroup id="pgTramite" rendered="#{(UserBean.login == true)and(TramiteBean.selectedTramite.trnCodigo > 0)}">
                <h:panelGroup rendered="#{!(TramiteBean.mensajeTramite == '')}">
                    <h:panelGrid width="100%">
                        <br/><br/><br/>
                        <h:panelGrid style="text-align: center; border: 1px solid; margin: 0px auto;" cellspacing="0" cellpadding="0">
                            <h:panelGrid style="border-bottom: 1px solid; background:#acbece" width="100%">
                                <h:outputText value="Resultado" style="font-weight: bold;"/>
                            </h:panelGrid>
                            <h:panelGrid width="100%">
                                <h:outputText value="#{TramiteBean.mensajeTramite}" escape="false"/>
                            </h:panelGrid>
                        </h:panelGrid>
                    </h:panelGrid>
                </h:panelGroup>
                <h:panelGroup rendered="#{(TramiteBean.mensajeTramite == '')}">
                    <h:panelGrid id="pgDatosTramite" columns="2">
                        <h:outputText value="Trámite ID:"/>
                        <h:outputText value="#{TramiteBean.selectedTramite.trnCodigo}" style="font-weight: bold;"/>
                        <h:outputText value="Usuario:"/>
                        <h:outputText value="#{fnc:userEmail(TramiteBean.selectedTramite.usnCodigo.codigoSIUST.email)}" style="font-weight: bold;"/>
                        <h:outputText value="Estado:"/>
                        <h:outputText value="#{TramiteBean.selectedTramite.etnCodigo.ettNombre}" style="font-weight: bold;"/>
                        <h:outputText value="Empresa:"/>
                        <h:outputText id="operador" value="#{TramiteBean.selectedTramite.emrCodigo.emtNombre}" style="font-weight: bold;"/>
                        <h:outputText value="Resolución:" rendered="#{TramiteBean.selectedTramite.etnCodigo.etnCodigo == 5}"/>
                        <h:panelGroup rendered="#{TramiteBean.selectedTramite.etnCodigo.etnCodigo == 5}">
                            <h:outputText value="#{TramiteBean.selectedTramite.trnResolucion} del " style="font-weight: bold;"/>
                            <h:outputText value="#{TramiteBean.selectedTramite.trfFechaResolucion}" style="font-weight: bold;">
                                <f:convertDateTime pattern="d MMMMM yyyy" type="date" timeZone="EST"/>
                            </h:outputText>
                        </h:panelGroup>
                        
                        <br/>
                        <h:panelGroup id="pgOperadorTramite" rendered="#{(UserBean.cambiarOperadorTramite)and(UserBean.userVO.codigoSIUST.userCode == TramiteBean.selectedTramite.usnCodigo.codigoSIUST.userCode)}">
                            <h:panelGroup rendered="#{(TramiteBean.selectedTramite.etnCodigo.etnCodigo == 1)and(!TramiteBean.tramiteTieneDetalle)}">
                                <h:form>
                                    <p:commandLink onclick="cambiarOperadorDialog.show();" value="Cambiar operador" update=":datosCambiarOperador"/>
                                </h:form>
                                <p:dialog header="Cambiar operador" widgetVar="cambiarOperadorDialog" resizable="false" modal="true" draggable="false"
                                          width="600" showEffect="fade" hideEffect="fade" position="center">
                                    <h:panelGrid id="datosCambiarOperador" width="100%" style="font-size: 10px;" >
                                        <h:form>
                                            <h:panelGrid width="100%">
                                                <h:outputText value="Trámite" style="font-weight: bold;"/>
                                                <h:selectOneMenu value="#{TramiteBean.nuevoOperadorTramite}">
                                                    <f:selectItems value="#{TramiteBean.listaOperador}"/>
                                                </h:selectOneMenu>
                                            </h:panelGrid>
                                            <br/>
                                            <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                                <p:commandButton value="Aceptar" actionListener="#{TramiteBean.cambiarOperadorTramite}" ajax="true" update=":datosResultadoCambiarOperador,:pgDatosTramite,:pgMenuTramite,:pgHistoriaTramite" oncomplete="cambiarOperadorDialog.hide();resultadoCambiarOperadorDialog.show();"/>
                                                <p:commandButton type="button" value="Cancelar" onclick="cambiarOperadorDialog.hide();" />
                                            </h:panelGrid>
                                        </h:form>
                                     </h:panelGrid>
                                </p:dialog>
                                
                                <p:dialog header="Resultado" widgetVar="resultadoCambiarOperadorDialog" resizable="false" modal="true" draggable="false"
                                          width="400" showEffect="fade" hideEffect="fade" position="center" rendered="#{UserBean.login}" closable="false">
                                    <h:panelGrid id="datosResultadoCambiarOperador" style="text-align: center; " width="100%">
                                        <h:outputText value="#{TramiteBean.mensajeCambiarOperadorTramite}" escape="false"/>
                                        <p:commandButton type="button" value="Aceptar" onclick="resultadoCambiarOperadorDialog.hide();"/>
                                    </h:panelGrid>
                                </p:dialog>
                                <br/>
                            </h:panelGroup>
                        </h:panelGroup>
                    </h:panelGrid>
                    
                    
                    <!-- HISTORIA TRAMITE -->
                    <h:panelGroup id="pgHistoriaTramite">
                        <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteHistoria.xhtml"/>
                    </h:panelGroup>
                    <br/>
                    <h:panelGroup id="pgAccionTramite">
                        <h:panelGrid columns="12">

                            <h:panelGroup rendered="#{(UserBean.enviarTramite)and(UserBean.userVO.codigoSIUST.userCode == TramiteBean.selectedTramite.usnCodigo.codigoSIUST.userCode)and((TramiteBean.selectedTramite.etnCodigo.etnCodigo == 1)or(TramiteBean.selectedTramite.etnCodigo.etnCodigo == 3))}">
                                <!-- ENVIAR TRAMITE -->
                                <p:commandButton id="cmdEnviarTramite" type="button" value="Enviar trámite" onclick="confirmarEnviar.show()" disabled="#{!TramiteBean.tramiteTieneDetalle}" style="width: 120px"/>  
                                <p:confirmDialog message="Deseas enviar el trámite para revisión del Coordinador?" 
                                            header="Confirmación" severity="alert" widgetVar="confirmarEnviar">  
                                    <h:form>
                                        <h:panelGrid style="text-align: center;" width="100%">
                                            <h:outputText value="Comentarios" style="font-weight: bold;"/>
                                            <h:inputTextarea style="width: 250px; height: 100px" value="#{TramiteBean.observacionesTramite}"/>
                                        </h:panelGrid>
                                        <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                            <p:commandButton value="Si" action="#{TramiteBean.enviarTramite}" ajax="false" onclick="confirmarEnviar.hide();statusDialog.show();" />
                                            <p:commandButton type="button" value="No" onclick="confirmarEnviar.hide()" />
                                        </h:panelGrid>
                                    </h:form>
                                </p:confirmDialog>
                            </h:panelGroup>

                            <h:panelGroup rendered="#{(UserBean.aprobarTramite)and(TramiteBean.selectedTramite.etnCodigo.etnCodigo == 2)}">
                                <!-- APROBAR TRAMITE -->
                                <p:commandButton type="button" value="Aprobar" onclick="confirmarAprobar.show()"/>
                                <p:confirmDialog message="Deseas aprobar el trámite?"  
                                            header="Confirmación" severity="alert" widgetVar="confirmarAprobar">  
                                    <h:form>
                                        <h:panelGrid style="text-align: center;" width="100%">
                                            <h:outputText value="Comentarios" style="font-weight: bold;"/>
                                            <h:inputTextarea style="width: 250px; height: 100px" value="#{TramiteBean.observacionesTramite}"/>
                                        </h:panelGrid>
                                        <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                            <p:commandButton value="Si" action="#{TramiteBean.aprobarTramite}" ajax="false" onclick="confirmarAprobar.hide();statusDialog.show();" />
                                            <p:commandButton type="button" value="No" onclick="confirmarAprobar.hide()" />
                                        </h:panelGrid>
                                    </h:form>
                                </p:confirmDialog>
                            </h:panelGroup>

                            <h:panelGroup rendered="#{(UserBean.devolverTramite)and(TramiteBean.selectedTramite.etnCodigo.etnCodigo == 2)}">
                                <!-- DEVOLVER TRAMITE -->
                                <p:commandButton type="button" value="Devolver" onclick="confirmarDevolver.show()"/>
                                <p:confirmDialog message="Deseas devolver el trámite al Asesor?"  
                                            header="Confirmación" severity="alert" widgetVar="confirmarDevolver">  
                                    <h:form>
                                        <h:panelGrid style="text-align: center;" width="100%">
                                            <h:outputText value="Comentarios" style="font-weight: bold;"/>
                                            <h:inputTextarea style="width: 250px; height: 100px" value="#{TramiteBean.observacionesTramite}"/>
                                        </h:panelGrid>
                                        <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                            <p:commandButton value="Si" action="#{TramiteBean.devolverTramite}" ajax="false" onclick="confirmarDevolver.hide();statusDialog.show();" />
                                            <p:commandButton type="button" value="No" onclick="confirmarDevolver.hide()" />
                                        </h:panelGrid>
                                    </h:form>
                                </p:confirmDialog>
                            </h:panelGroup>

                            <h:panelGroup rendered="#{(UserBean.terminarTramite)and(TramiteBean.selectedTramite.etnCodigo.etnCodigo == 4)}">
                                <!-- TERMINAR TRAMITE -->
                                <h:form>
                                    <p:commandButton type="button" value="Terminar trámite" onclick="dialogTerminar.show()" style="width: 140px"/>
                                    <p:dialog header="Datos de terminación del trámite" widgetVar="dialogTerminar" resizable="false" modal="true" draggable="false"
                                        width="300" showEffect="fade" hideEffect="fade" position="center">
                                        <h:panelGrid width="100%" style="font-size: 10px;" >
                                                <h:panelGrid id="datosTerminar" width="100%" cellpadding="0" cellspacing="0">
                                                    <h:panelGrid columns="3">
                                                        <h:outputText value="Número de resolución:&#160;" style="font-weight: bold;"/>
                                                        <h:inputText id="resolucion" value="#{TramiteBean.resolucionTerminarTramite}" maxlength="4" size="10"/>
                                                        <h:message for="resolucion" />
                                                        <h:outputText value="Fecha de resolución:&#160;" style="font-weight: bold;"/>
                                                        <p:calendar id="fechaResolucion" value="#{TramiteBean.fechaResolucionTerminarTramite}" pattern="dd/MM/yyyy" timeZone="EST" locale="es" maxlength="10" size="10"> 
                                                            <f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="EST"/>
                                                        </p:calendar>
                                                        <h:message for="fechaResolucion" />
                                                    </h:panelGrid>
                                                    <br/>
                                                    <h:outputText value="Comentarios:" style="font-weight: bold;"/>
                                                    <h:inputTextarea style="width: 250px; height: 100px" value="#{TramiteBean.observacionesTramite}"/>
                                                </h:panelGrid>
                                                <br/>
                                                <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                                    <p:commandButton value="Aceptar" action="#{TramiteBean.terminarTramite}" ajax="false" onclick="dialogTerminar.hide();statusDialog.show();" />
                                                    <p:commandButton type="button" value="Cancelar" onclick="dialogTerminar.hide();"/>
                                                </h:panelGrid>
                                         </h:panelGrid>
                                    </p:dialog>
                                </h:form>
                            </h:panelGroup>

                            <h:panelGroup rendered="#{(UserBean.archivarTramite)and(TramiteBean.selectedTramite.etnCodigo.etnCodigo != 4)and(TramiteBean.selectedTramite.etnCodigo.etnCodigo != 5)and(TramiteBean.selectedTramite.etnCodigo.etnCodigo != 6)}">
                                <!-- ARCHIVAR TRAMITE -->
                                <p:commandButton type="button" value="Archivar" onclick="confirmarArchivar.show()"/>
                                <p:confirmDialog message="Deseas archivar el trámite?"  
                                            header="Confirmación" severity="alert" widgetVar="confirmarArchivar">  
                                    <h:form>
                                        <h:panelGrid style="text-align: center;" width="100%">
                                            <h:outputText value="Comentarios" style="font-weight: bold;"/>
                                            <h:inputTextarea style="width: 250px; height: 100px" value="#{TramiteBean.observacionesTramite}"/>
                                        </h:panelGrid>
                                        <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                            <p:commandButton value="Si" action="#{TramiteBean.archivarTramite}" ajax="false" onclick="confirmarArchivar.hide();statusDialog.show();" />
                                            <p:commandButton type="button" value="No" onclick="confirmarArchivar.hide()" />
                                        </h:panelGrid>
                                    </h:form>
                                </p:confirmDialog>
                            </h:panelGroup>

                            <h:panelGroup rendered="#{(UserBean.cambiarUsuarioTramite)and((TramiteBean.selectedTramite.etnCodigo.etnCodigo == 2)or(TramiteBean.selectedTramite.etnCodigo.etnCodigo == 3))}">
                                <!-- CAMBIAR USUARIO TRAMITE -->
                                <h:form>
                                    <p:commandButton type="button" value="Cambiar usuario" onclick="confirmarCambiarUsuario.show()" update=":datosCambiarUsuario" style="width: 140px"/>
                                </h:form>
                                <p:dialog showEffect="fade" hideEffect="fade" modal="true" draggable="false" resizable="false"
                                            header="Cambiar usuario" widgetVar="confirmarCambiarUsuario">
                                    <h:panelGrid id="datosCambiarUsuario" style="text-align: center; " width="100%">
                                        <h:form>
                                            <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
                                                <h:outputText value="Usuario:&#160;" style="font-weight: bold;"/>
                                                <h:selectOneMenu value="#{TramiteBean.nuevoUsuarioTramite}">
                                                    <f:selectItems value="#{TramiteBean.listaAsesores}"/>
                                                </h:selectOneMenu>
                                            </h:panelGrid>
                                            <br/>
                                            
                                            <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                                <p:commandButton value="Aceptar" action="#{TramiteBean.cambiarUsuarioTramite}" ajax="true" update=":datosResultadoCambiarUsuario,:pgDatosTramite,:pgMenuTramite" oncomplete="confirmarCambiarUsuario.hide();resultadoCambiarUsuarioDialog.show();"/>
                                                <p:commandButton type="button" value="Cancelar" onclick="confirmarCambiarUsuario.hide()" />
                                            </h:panelGrid>
                                        </h:form>
                                    </h:panelGrid>
                                </p:dialog>

                                <p:dialog header="Resultado" widgetVar="resultadoCambiarUsuarioDialog" resizable="false" modal="true" draggable="false"
                                          width="400" showEffect="fade" hideEffect="fade" position="center" rendered="#{UserBean.login}" closable="false">
                                    <h:panelGrid id="datosResultadoCambiarUsuario" style="text-align: center; " width="100%">
                                        <h:outputText value="#{TramiteBean.mensajeCambiarUsuarioTramite}" escape="false"/>
                                        <p:commandButton type="button" value="Aceptar" onclick="resultadoCambiarUsuarioDialog.hide();"/>
                                    </h:panelGrid>
                                </p:dialog>

                            </h:panelGroup>
                            
                            <h:panelGroup rendered="#{(UserBean.asignarTramites)and(UserBean.userVO.codigoSIUST.userCode == TramiteBean.selectedTramite.usnCodigo.codigoSIUST.userCode)and((TramiteBean.selectedTramite.etnCodigo.etnCodigo == 1)or(TramiteBean.selectedTramite.etnCodigo.etnCodigo == 3))}">
                                <!-- ASIGNAR TRAMITE -->
                                <h:form>
                                    <p:commandButton type="button" value="Asignar trámite" onclick="confirmarAsignarUsuario.show()" update=":datosAsignarUsuario" style="width: 130px"/>
                                </h:form>
                                <p:dialog showEffect="fade" hideEffect="fade" modal="true" draggable="false" resizable="false"
                                            header="Asignar asesor" widgetVar="confirmarAsignarUsuario">
                                    <h:panelGrid id="datosAsignarUsuario" style="text-align: center; " width="100%">
                                        <h:form>
                                            <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
                                                <h:outputText value="Usuario:&#160;" style="font-weight: bold;"/>
                                                <h:selectOneMenu value="#{TramiteBean.nuevoUsuarioTramite}">
                                                    <f:selectItems value="#{TramiteBean.listaAsesores}"/>
                                                </h:selectOneMenu>
                                            </h:panelGrid>
                                            <br/>
                                            <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                                <p:commandButton value="Aceptar" action="#{TramiteBean.asignarTramite}" ajax="false" onclick="confirmarAsignarUsuario.hide();statusDialog.show();" />
                                                <p:commandButton type="button" value="Cancelar" onclick="confirmarAsignarUsuario.hide()" />
                                            </h:panelGrid>
                                        </h:form>
                                    </h:panelGrid>
                                </p:dialog>
                            </h:panelGroup>
                            
                            <h:panelGroup rendered="#{(UserBean.reasignarTramite)and(UserBean.userVO.codigoSIUST.userCode == TramiteBean.selectedTramite.usnCodigo.codigoSIUST.userCode)and((TramiteBean.selectedTramite.etnCodigo.etnCodigo == 1)or(TramiteBean.selectedTramite.etnCodigo.etnCodigo == 3))}">
                                <!-- SOLICITAR REASIGNAR TRAMITE -->
                                <p:commandButton type="button" value="Reasignar" onclick="confirmarReasignar.show()"/>
                                <p:confirmDialog message="Deseas enviar el trámite al Asignador para reasignar?"  
                                            header="Confirmación" severity="alert" widgetVar="confirmarReasignar">  
                                    <h:form>
                                        <h:panelGrid style="text-align: center;" width="100%">
                                            <h:outputText value="Comentarios" style="font-weight: bold;"/>
                                            <h:inputTextarea style="width: 250px; height: 100px" value="#{TramiteBean.observacionesTramite}"/>
                                        </h:panelGrid>
                                        <h:panelGrid columns="2" width="100%" style="text-align: center;">
                                            <p:commandButton value="Si" action="#{TramiteBean.devolverTramite}" ajax="false" onclick="confirmarReasignar.hide();statusDialog.show();" />
                                            <p:commandButton type="button" value="No" onclick="confirmarReasignar.hide()" />
                                        </h:panelGrid>
                                    </h:form>
                                </p:confirmDialog>
                            </h:panelGroup>

                        </h:panelGrid>
                    </h:panelGroup>
                    
                    <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteSenalizacion.xhtml"/>
                    
                    <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteNumeracion.xhtml"/>
                    
                    <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteCodigosLd.xhtml"/>
                    
                    <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteCodigosCortos.xhtml"/>
                    
                    <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteMarcacionAbreviada.xhtml"/>
                    
                    <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteCodigosMnc.xhtml"/>
                    
                    <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteCodigosNrn.xhtml"/>
                    
                    <ui:include src="#{ConfiguracionBean.rutaContexto}usuarios/tramiteCodigosIin.xhtml"/>
                </h:panelGroup>

        </h:panelGroup>
    </ui:define>
    
</ui:composition>
